.x-col-1 {
  width: 8.333333%;
  float: left;
}

.x-col-2 {
  width: 16.666666%;
  float: left;
}

.x-col-3 {
  width: 25%;
  float: left;
}

.x-col-4 {
  width: 33.333333%;
  float: left;
}

.x-col-5 {
  width: 41.666666%;
  float: left;
}

.x-col-6 {
  width: 50%;
  float: left;
}

.x-col-7 {
  width: 58.333333%;
  float: left;
}

.x-col-8 {
  width: 66.666666%;
  float: left;
}

.x-col-9 {
  width: 75%;
  float: left;
}

.x-col-10 {
  width: 83.3333333%;
  float: left;
}

.x-col-11 {
  width: 91.6666666%;
  float: left;
}

.x-col-12 {
  width: 100%;
  float: left;
}

.x-fll {
  float: left;
}

.x-flr {
  float: right;
}
.x-pd-10 {
  padding: 10px;
}
.x-mt-10 {
  margin-top: 10px;
}
.x-center-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.x-clearFix:after{
  content: '';
  display: block;
  clear: both;
}

.fixTop {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}
